* {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
body ul,
body li,
body p,
body section,
body legend,
body dt,
body dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
body h1,
body h2,
body h3,
body h4,
body h5 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  display: block;
}
a {
  cursor: pointer;
  text-decoration: none;
}
input,
button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  outline: none;
}
@font-face {
  font-family: 'ali';
  src: url("../fonts/Alibaba-PuHuiTi/Alibaba-PuHuiTi-Regular.ttf") format("truetype");
}
@font-face {
  font-family: 'ali-m';
  src: url("../fonts/Alibaba-PuHuiTi/Alibaba-PuHuiTi-Medium.ttf") format("truetype");
}
@font-face {
  font-family: 'ali-h';
  src: url("../fonts/Alibaba-PuHuiTi/Alibaba-PuHuiTi-Heavy.ttf") format("truetype");
}
@font-face {
  font-family: 'ali-b';
  src: url("../fonts/Alibaba-PuHuiTi/Alibaba-PuHuiTi-Bold.ttf") format("truetype");
}
@font-face {
  src: url("../fonts/Alibaba-PuHuiTi/Alibaba-PuHuiTi-Light.ttf") format("truetype");
  font-family: "ali-l";
}
@font-face {
  src: url("../fonts/Borda-DemiBold5.otf") format("opentype");
  font-family: 'borda';
}
@font-face {
  src: url("../fonts/borda-bold.otf") format("opentype");
  font-family: 'borda-bold';
}
@font-face {
  src: url("../fonts/YouSheBiaoTiHei-2.ttf") format("truetype");
  font-family: 'ys';
}
.icon {
  font-family: 'iconfont';
  font-style: normal;
  background-size: contain;
  display: block;
}
.bg-icon-arrow-up {
  background: url(../images/c-top/icon-arrow-up.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-arrow-down {
  background: url(../images/c-top/icon-arrow-up.png) no-repeat center center;
  background-size: contain;
  transform: rotateZ(180deg);
}
.bg-icon-weather-blizzard-actived {
  background: url(../images/c-envpicker/icon-weather-blizzard-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-heavy-snowy-actived {
  background: url(../images/c-envpicker/icon-weather-heavy-snowy-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-medium-snowy-actived {
  background: url(../images/c-envpicker/icon-weather-medium-snowy-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-little-snowy-actived {
  background: url(../images/c-envpicker/icon-weather-little-snowy-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-haze-actived {
  background: url(../images/c-envpicker/icon-weather-haze-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-heavy-rainy-actived {
  background: url(../images/c-envpicker/icon-weather-heavy-rainy-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-medium-rainy-actived {
  background: url(../images/c-envpicker/icon-weather-medium-rainy-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-little-rainy-actived {
  background: url(../images/c-envpicker/icon-weather-little-rainy-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-fog-actived {
  background: url(../images/c-envpicker/icon-weather-fog-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-cloudy-actived {
  background: url(../images/c-envpicker/icon-weather-cloudy-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-darken-actived {
  background: url(../images/c-envpicker/icon-weather-darken-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-sunny-actived {
  background: url(../images/c-envpicker/icon-weather-sunny-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-blizzard-normal {
  background: url(../images/c-envpicker/icon-weather-blizzard-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-heavy-snowy-normal {
  background: url(../images/c-envpicker/icon-weather-heavy-snowy-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-medium-snowy-normal {
  background: url(../images/c-envpicker/icon-weather-medium-snowy-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-little-snowy-normal {
  background: url(../images/c-envpicker/icon-weather-little-snowy-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-haze-normal {
  background: url(../images/c-envpicker/icon-weather-haze-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-heavy-rainy-normal {
  background: url(../images/c-envpicker/icon-weather-heavy-rainy-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-medium-rainy-normal {
  background: url(../images/c-envpicker/icon-weather-medium-rainy-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-little-rainy-normal {
  background: url(../images/c-envpicker/icon-weather-little-rainy-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-fog-normal {
  background: url(../images/c-envpicker/icon-weather-fog-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-cloudy-normal {
  background: url(../images/c-envpicker/icon-weather-cloudy-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-darken-normal {
  background: url(../images/c-envpicker/icon-weather-darken-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather-sunny-normal {
  background: url(../images/c-envpicker/icon-weather-sunny-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-weather {
  background: url(../images/c-envpicker/icon-weather.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-calendar {
  background: url(../images/c-envpicker/icon-calendar.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-season {
  background: url(../images/c-envpicker/icon-season.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-time {
  background: url(../images/c-envpicker/icon-time.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-menu-management-actived {
  background: url(../images/c-sphere/icon-menu-management-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-menu-landscape-actived {
  background: url(../images/c-sphere/icon-menu-landscape-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-menu-construction-actived {
  background: url(../images/c-sphere/icon-menu-construction-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-menu-ecology-actived {
  background: url(../images/c-sphere/icon-menu-ecology-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-menu-overall-actived {
  background: url(../images/c-sphere/icon-menu-overall-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-menu-management-normal {
  background: url(../images/c-sphere/icon-menu-management-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-menu-landscape-normal {
  background: url(../images/c-sphere/icon-menu-landscape-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-menu-construction-normal {
  background: url(../images/c-sphere/icon-menu-construction-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-menu-ecology-normal {
  background: url(../images/c-sphere/icon-menu-ecology-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-menu-overall-normal {
  background: url(../images/c-sphere/icon-menu-overall-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-open-sphere-normal {
  background: url(../images/c-toolbar/icon-open-sphere-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-open-sphere-actived {
  background: url(../images/c-toolbar/icon-open-sphere-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-close-sphere-normal {
  background: url(../images/c-toolbar/icon-close-sphere-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-close-sphere-actived {
  background: url(../images/c-toolbar/icon-close-sphere-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-setting-normal {
  background: url(../images/c-toolbar/icon-setting-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-setting-actived {
  background: url(../images/c-toolbar/icon-setting-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-home-normal {
  background: url(../images/c-toolbar/icon-home-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-home-actived {
  background: url(../images/c-toolbar/icon-home-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-measurement-normal {
  background: url(../images/c-toolbar/icon-close-measurement-normal.png) no-repeat center center;
}
.bg-icon-measurement-actived {
  background: url(../images/c-toolbar/icon-close-measurement-actived.png) no-repeat center center;
}
.bg-icon-measure-distance-normal {
  background: url(../images/c-toolbar/icon-measure-distance-normal.png) no-repeat center center;
}
.bg-icon-measure-distance-actived {
  background: url(../images/c-toolbar/icon-measure-distance-actived.png) no-repeat center center;
}
.bg-icon-measure-area-normal {
  background: url(../images/c-toolbar/icon-measure-area-normal.png) no-repeat center center;
}
.bg-icon-measure-area-actived {
  background: url(../images/c-toolbar/icon-measure-area-actived.png) no-repeat center center;
}
.bg-icon-measure-mark-normal {
  background: url(../images/c-toolbar/icon-measure-mark-normal.png) no-repeat center center;
}
.bg-icon-measure-mark-actived {
  background: url(../images/c-toolbar/icon-measure-mark-actived.png) no-repeat center center;
}
.bg-icon-mountain-normal {
  background: url(../images/c-selections/icon-mountain-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-water-normal {
  background: url(../images/c-selections/icon-water-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-forest-normal {
  background: url(../images/c-selections/icon-forest-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-field-normal {
  background: url(../images/c-selections/icon-field-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-grass-normal {
  background: url(../images/c-selections/icon-grass-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-lake-normal {
  background: url(../images/c-selections/icon-lake-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-architecture-normal {
  background: url(../images/c-selections/icon-architecture-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-facility-normal {
  background: url(../images/c-selections/icon-facility-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-mountain-actived {
  background: url(../images/c-selections/icon-mountain-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-water-actived {
  background: url(../images/c-selections/icon-water-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-forest-actived {
  background: url(../images/c-selections/icon-forest-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-grass-actived {
  background: url(../images/c-selections/icon-grass-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-field-actived {
  background: url(../images/c-selections/icon-field-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-lake-actived {
  background: url(../images/c-selections/icon-lake-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-architecture-actived {
  background: url(../images/c-selections/icon-architecture-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-facility-actived {
  background: url(../images/c-selections/icon-facility-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecology-monitor-normal {
  background: url(../images/c-toggle-list/icon-ecology-monitor-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecology-maintain-normal {
  background: url(../images/c-toggle-list/icon-ecology-maintain-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecological-record-normal {
  background: url(../images/c-toggle-list/icon-ecological-record-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecology-scheme-normal {
  background: url(../images/c-toggle-list/icon-ecology-scheme-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecology-simulation-normal {
  background: url(../images/c-toggle-list/icon-ecology-simulation-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecology-growth-normal {
  background: url(../images/c-toggle-list/icon-ecology-grow-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecology-monitor-actived {
  background: url(../images/c-toggle-list/icon-ecology-monitor-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecology-maintain-actived {
  background: url(../images/c-toggle-list/icon-ecology-maintain-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecological-record-actived {
  background: url(../images/c-toggle-list/icon-ecological-record-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecology-scheme-actived {
  background: url(../images/c-toggle-list/icon-ecology-scheme-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecology-simulation-actived {
  background: url(../images/c-toggle-list/icon-ecology-simulation-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecology-growth-actived {
  background: url(../images/c-toggle-list/icon-ecologly-grow-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-legend-head {
  background: url(../images/c-legend/icon-legend-head.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-show {
  background: url(../images/c-legend/icon-show.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-hide {
  background: url(../images/c-legend/icon-hide.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-accomplish-percent {
  background: url(../images/v-overall/icon-accomplish-percent.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-bus-running {
  background: url(../images/v-overall/icon-bus-running.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-hidden-dangerous {
  background: url(../images/v-overall/icon-hidden-dangerous.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-pass-count {
  background: url(../images/v-overall/icon-pass-count.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-patrol-count {
  background: url(../images/v-overall/icon-patrol-count.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-project-amount {
  background: url(../images/v-overall/icon-project-count.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-subscribe-today {
  background: url(../images/v-overall/icon-subscribe-today.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-tourist-on-island {
  background: url(../images/v-overall/icon-tourist-on-island.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-warning-count {
  background: url(../images/v-overall/icon-warning-count.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-worker-amount {
  background: url(../images/v-overall/icon-worker-amount.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-worker-field {
  background: url(../images/v-overall/icon-worker-field.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-worker-registered {
  background: url(../images/v-overall/icon-worker-registered.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-alert-normal {
  background: url(../images/c-stick/icon-alert-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-alert-hover {
  background: url(../images/c-stick/icon-alert-hover.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-bullet-green {
  background: url(../images/c-stick/icon-bullet-green.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-bullet-red {
  background: url(../images/c-stick/icon-bullet-red.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-add-row-normal {
  background: url(../images/c-form/icon-add-row.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-add-row-actived {
  background: url(../images/c-form/icon-add-row-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-remove-row-normal {
  background: url(../images/c-form/icon-remove-row.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-remove-row-actived {
  background: url(../images/c-form/icon-remove-row-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-reset-normal {
  background: url(../images/c-form/icon-reset-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-reset-actived {
  background: url(../images/c-form/icon-reset-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecological-record-header {
  background: url(../images/v-ecology/icon-ecological-record.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-ecological-overall-header {
  background: url(../images/v-ecology/icon-ecological-overall.png) no-repeat center center;
}
.bg-icon-ecological-overall-close {
  background: url(../images/v-ecology/icon-ecological-overall-close.png) no-repeat center center;
}
.bg-icon-water-level-simulation {
  background: url(../images/v-ecology/icon-water-level.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-growth-level-simulation {
  background: url(../images//v-ecology/icon-growth-level.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-screen-split-normal {
  background: url(../images/c-button/icon-screen-split-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-screen-split-actived {
  background: url(../images/c-button/icon-screen-split-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-fullscreen-normal {
  background: url(../images/c-carousel/icon-fullscreen-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-fullscreen-actived {
  background: url(../images/c-carousel/icon-fullscreen-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-fivetwo {
  background: url(../images/v-construction/icon-5and2.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-humidity {
  background: url(../images/v-construction/icon-humidity.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-noise {
  background: url(../images/v-construction/icon-noise.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-pm10 {
  background: url(../images/v-construction/icon-pm10.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-pm25 {
  background: url(../images/v-construction/icon-pm25.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-temperature {
  background: url(../images/v-construction/icon-temperature.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-wind-speed {
  background: url(../images/v-construction/icon-wind-speed.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-construction-warning-count {
  background: url(../images/v-construction/icon-warnning-count.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-construction-warning-type {
  background: url(../images/v-construction/icon-warning-type.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-personnel-normal {
  background: url(../images/v-construction/icon-personnel-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-planRoaming-actived {
  background: url(../images/v-construction/icon-planRoaming-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-planRoaming-normal {
  background: url(../images/v-construction/icon-planRoaming-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-tower-crane-normal {
  background: url(../images/v-construction/icon-tower-crane-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-personnel-actived {
  background: url(../images/v-construction/icon-personnel-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-tower-crane-actived {
  background: url(../images/v-construction/icon-tower-crane-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-alternatives-actived {
  background: url(../images/v-construction/icon-alternatives-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-alternatives-normal {
  background: url(../images/v-construction/icon-alternatives-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-camera-normal {
  background: url(../images/v-construction/icon-camera-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-camera-actived {
  background: url(../images/v-construction/icon-camera-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-broadcaster-normal {
  background: url(../images/v-landscape/icon-broadcaster-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-broadcaster-actived {
  background: url(../images/v-landscape/icon-broadcaster-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-bus-normal {
  background: url(../images/v-landscape/icon-bus-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-bus-actived {
  background: url(../images/v-landscape/icon-bus-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-restroom-normal {
  background: url(../images/v-landscape/icon-restroom-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-restroom-actived {
  background: url(../images/v-landscape/icon-restroom-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-service-facilities-normal {
  background: url(../images/v-landscape/icon-service-faclities-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-service-facilities-actived {
  background: url(../images/v-landscape/icon-service-facilities-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-average-operating-duration {
  background: url(../images/v-landscape/person_gd.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-bus-operating-today {
  background: url(../images/v-landscape/gd.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-subscribe-3days {
  background: url(../images/v-landscape/icon-subscribe-3days.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-subscribe-tomorrow {
  background: url(../images/v-landscape/icon-subscribe-tomorrow.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-tourist-entering {
  background: url(../images/v-landscape/icon-tourist-entering.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-tourist-leaving {
  background: url(../images/v-landscape/icon-tourist-leaving.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-wave {
  background: url(../images/c-broadcaster/bg-wave.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-broadcaster-header {
  background: url(../images/c-broadcaster/icon-broadcaster.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-speak {
  background: url(../images/c-broadcaster/icon-speak.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-play-repeat-normal {
  background: url(../images/c-broadcaster/icon-play-repeat-normal.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-play-repeat-actived {
  background: url(../images/c-broadcaster/icon-play-repeat-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-management-facility-normal {
  background: url(../images/v-management/icon-management-facility-normal.png) center center no-repeat;
  background-size: contain;
}
.bg-icon-management-facility-actived {
  background: url(../images/v-management/icon-management-facility-actived.png) center center no-repeat;
  background-size: contain;
}
.bg-icon-vehicle-normal {
  background: url(../images/v-management/icon-vehicle-normal.png) center center no-repeat;
  background-size: contain;
}
.bg-icon-vehicle-actived {
  background: url(../images/v-management/icon-vehicle-actived.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-gear {
  background: url(../images/v-management/icon-gear.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-truck {
  background: url(../images/v-management/icon-truck.png) no-repeat center center;
  background-size: contain;
}
.bg-icon-worker {
  background: url(../images/v-management/icon-worker.png) no-repeat center center;
  background-size: contain;
}
@keyframes rollingClockwise {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes flippingClockwise {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body {
  width: 5280px;
  height: 2430px;
  background: url(../../images/bg.jpg) no-repeat left top;
  background-size: cover;
}
.envpicker {
  width: 726px;
  height: 1090px;
  background: url(../../images/c-envpicker/bg-envpicker.png) no-repeat top left;
  padding: 42px 3px 3px 3px;
  margin-left: 120px;
}
.envpicker .envpicker-wrapper {
  backdrop-filter: blur(10px);
  width: 100%;
  height: calc(1090px - 39px);
}
.envpicker .envpicker-header {
  padding: 24px 46px 25px 56px;
  display: flex;
  flex-flow: nowrap row;
  align-items: center;
}
.envpicker .envpicker-header .title {
  display: flex;
  align-items: center;
  line-height: 60px;
  font-size: 42px;
  flex-grow: 1;
  flex-shrink: 1;
  color: #FFF;
  font-family: 'ys';
}
.envpicker .envpicker-header .title .icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.envpicker .envpicker-header .title .icon.icon-time {
  background: url(../images/c-envpicker/icon-time.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-header .title .icon.icon-season {
  background: url(../images/c-envpicker/icon-season.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-header .title .icon.icon-calendar {
  background: url(../images/c-envpicker/icon-calendar.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-header .title .icon.icon-weather {
  background: url(../images/c-envpicker/icon-weather.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-header .extra {
  flex-grow: 0;
  flex-shrink: 0;
  width: 155px;
  display: flex;
  align-items: center;
}
.envpicker .envpicker-header .extra .text {
  font-family: 'ali-m';
  font-size: 28px;
  color: #FFF;
  margin-right: 12px;
}
.envpicker .envpicker-header .extra .ivu-switch {
  width: 86px;
  height: 34px;
  border: 1px #A9A9A9 solid;
  background: #A9A9A9;
  box-shadow: 0 2px 4px rgba(255, 255, 255, 0.5) inset;
}
.envpicker .envpicker-header .extra .ivu-switch::after {
  width: 30px;
  height: 30px;
  transition: 0.5s;
}
.envpicker .envpicker-header .extra .ivu-switch-checked {
  background: #28B15F;
  border: #28B15F 1px solid;
}
.envpicker .envpicker-header .extra .ivu-switch-checked:after {
  left: 52px;
}
.envpicker .envpicker-body {
  padding: 0 56px 0px 56px;
  font-size: 32px;
  font-family: 'ali-m';
}
.envpicker .envpicker-body .ivu-slider {
  line-height: normal;
  height: 98px;
}
.envpicker .envpicker-body .ivu-slider-wrap {
  height: 18px;
  border-radius: 9px;
}
.envpicker .envpicker-body .ivu-slider-wrap .ivu-slider-bar {
  background: -webkit-linear-gradient(right, #83BF39, #1DC760);
  height: 18px;
  border-radius: 9px;
}
.envpicker .envpicker-body .ivu-slider-wrap .ivu-slider-stop {
  display: none;
}
.envpicker .envpicker-body .ivu-slider-wrap .ivu-slider-marks .ivu-slider-marks-item {
  height: 44px;
  font-size: 28px;
  font-family: 'ali-m';
  color: #fff;
  margin-top: 30px;
  width: 61px;
  text-align: center;
}
.envpicker .envpicker-body .ivu-slider-wrap .ivu-slider-button-wrap {
  width: 36px;
  height: 36px;
  top: -12px;
}
.envpicker .envpicker-body .ivu-slider-wrap .ivu-slider-button-wrap .ivu-slider-button {
  width: 36px;
  height: 36px;
  border: 0;
  box-shadow: 0 2px 5px #00000088;
}
.envpicker .envpicker-body .ivu-radio-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  padding-bottom: 18px;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item {
  width: 25%;
  padding: 18px 0;
  flex-shrink: 1;
  flex-grow: 1;
  margin: 0;
  text-align: center;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .ivu-radio {
  display: none;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon {
  width: 54px;
  height: 54px;
  margin: 0 auto;
  transition: 0.3s;
  margin-bottom: 12px;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon.icon-weather-sunny {
  background: url(../images/c-envpicker/icon-weather-sunny-normal.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon.icon-weather-darken {
  background: url(../images/c-envpicker/icon-weather-darken-normal.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon.icon-weather-cloudy {
  background: url(../images/c-envpicker/icon-weather-cloudy-normal.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon.icon-weather-fog {
  background: url(../images/c-envpicker/icon-weather-fog-normal.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon.icon-weather-little-rainy {
  background: url(../images/c-envpicker/icon-weather-little-rainy-normal.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon.icon-weather-medium-rainy {
  background: url(../images/c-envpicker/icon-weather-medium-rainy-normal.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon.icon-weather-heavy-rainy {
  background: url(../images/c-envpicker/icon-weather-heavy-rainy-normal.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon.icon-weather-haze {
  background: url(../images/c-envpicker/icon-weather-haze-normal.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon.icon-weather-little-snowy {
  background: url(../images/c-envpicker/icon-weather-little-snowy-normal.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon.icon-weather-medium-snowy {
  background: url(../images/c-envpicker/icon-weather-medium-snowy-normal.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon.icon-weather-heavy-snowy {
  background: url(../images/c-envpicker/icon-weather-heavy-snowy-normal.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .icon.icon-weather-blizzard {
  background: url(../images/c-envpicker/icon-weather-blizzard-normal.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-group-item .text {
  color: #fff;
  font-family: 'ali-m';
  font-size: 32px;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-wrapper-checked .icon.icon-weather-sunny {
  background: url(../images/c-envpicker/icon-weather-sunny-actived.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-wrapper-checked .icon.icon-weather-darken {
  background: url(../images/c-envpicker/icon-weather-darken-actived.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-wrapper-checked .icon.icon-weather-cloudy {
  background: url(../images/c-envpicker/icon-weather-cloudy-actived.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-wrapper-checked .icon.icon-weather-fog {
  background: url(../images/c-envpicker/icon-weather-fog-actived.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-wrapper-checked .icon.icon-weather-little-rainy {
  background: url(../images/c-envpicker/icon-weather-little-rainy-actived.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-wrapper-checked .icon.icon-weather-medium-rainy {
  background: url(../images/c-envpicker/icon-weather-medium-rainy-actived.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-wrapper-checked .icon.icon-weather-heavy-rainy {
  background: url(../images/c-envpicker/icon-weather-heavy-rainy-actived.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-wrapper-checked .icon.icon-weather-haze {
  background: url(../images/c-envpicker/icon-weather-haze-actived.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-wrapper-checked .icon.icon-weather-little-snowy {
  background: url(../images/c-envpicker/icon-weather-little-snowy-actived.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-wrapper-checked .icon.icon-weather-medium-snowy {
  background: url(../images/c-envpicker/icon-weather-medium-snowy-actived.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-wrapper-checked .icon.icon-weather-heavy-snowy {
  background: url(../images/c-envpicker/icon-weather-heavy-snowy-actived.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body .ivu-radio-group .ivu-radio-wrapper-checked .icon.icon-weather-blizzard {
  background: url(../images/c-envpicker/icon-weather-blizzard-actived.png) no-repeat center center;
  background-size: contain;
}
.envpicker .envpicker-body:after {
  content: '';
  width: 100%;
  display: block;
  height: 2px;
  background: -webkit-linear-gradient(left, #FFFFFF00, #FFFFFFFF, #FFFFFF00);
}
.envpicker .envpicker-body:last-child::after {
  display: none;
}
.sphere {
  position: fixed;
  z-index: 10;
  width: calc(458px + 636px);
  height: calc(680px + 240px);
  bottom: 0px;
  left: 0px;
}
.sphere .sphere-pattern-wrapper .sphere-layer {
  width: 680px;
  height: 680px;
  position: absolute;
  top: 17px;
  left: 0;
}
.sphere .sphere-pattern-wrapper .sphere-layer.layer-1 {
  background: url(../../images/c-sphere/sphere-layer-1.png) no-repeat center center;
  animation: 25s rollingClockwise infinite;
}
.sphere .sphere-pattern-wrapper .sphere-layer.layer-2 {
  background: url(../../images/c-sphere/sphere-layer-2.png) no-repeat center center;
  animation: 50s rollingClockwise reverse infinite;
}
.sphere .sphere-pattern-wrapper .sphere-layer.layer-3 {
  background: url(../../images/c-sphere/sphere-layer-3.png) no-repeat center center;
  animation: 15s rollingClockwise infinite;
}
.sphere .sphere-pattern-wrapper .sphere-layer.layer-4 {
  background: url(../../images/c-sphere/sphere-layer-4.png) no-repeat center center;
}
.sphere .sphere-pattern-wrapper .sphere-layer.layer-5 {
  background: url(../../images/c-sphere/sphere-layer-5.png) no-repeat center center;
  display: none;
}
.sphere .menu {
  position: absolute;
  z-index: 11;
  left: 680px;
  bottom: 0px;
  height: calc(858px + 124px);
  width: calc(140px + 468px);
}
.sphere .menu span.ivu-radio {
  display: none;
}
.sphere .menu .ivu-radio-group {
  position: relative;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item {
  display: block;
  display: flex;
  flex-flow: row nowrap;
  position: fixed;
  width: 158px;
  height: 158px;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item .icon-wrapper {
  width: 158px;
  height: 158px;
  padding: 12px;
  transition: 0.3s;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item .icon-wrapper .icon {
  width: 124px;
  height: 124px;
  display: block;
  transition: 0.3s;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item .icon-wrapper .icon.icon-menu-overall {
  background: url(../images/c-sphere/icon-menu-overall-normal.png) no-repeat center center;
  background-size: contain;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item .icon-wrapper .icon.icon-menu-ecology {
  background: url(../images/c-sphere/icon-menu-ecology-normal.png) no-repeat center center;
  background-size: contain;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item .icon-wrapper .icon.icon-menu-construction {
  background: url(../images/c-sphere/icon-menu-construction-normal.png) no-repeat center center;
  background-size: contain;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item .icon-wrapper .icon.icon-menu-landscape {
  background: url(../images/c-sphere/icon-menu-landscape-normal.png) no-repeat center center;
  background-size: contain;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item .icon-wrapper .icon.icon-menu-management {
  background: url(../images/c-sphere/icon-menu-management-normal.png) no-repeat center center;
  background-size: contain;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item .menu-content {
  width: 0;
  overflow: hidden;
  transition: 0.3s;
  margin-left: -15px;
  padding-left: 32px;
  padding-top: 32px;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item .menu-content .title {
  font-family: 'ys';
  font-weight: 300;
  font-size: 56px;
  line-height: 56px;
  color: #FFF;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item .menu-content .subtitle {
  font-family: 'ali';
  font-size: 28px;
  line-height: 28px;
  color: #FFF;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item.ivu-radio-wrapper-checked {
  width: 515px;
  height: 158px;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item.ivu-radio-wrapper-checked .icon-wrapper {
  background: rgba(0, 0, 0, 0.1);
  width: 158px;
  height: 158px;
  border-radius: 158px;
  backdrop-filter: blur(50px);
  border: 2px #fff solid;
  padding: 14px;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item.ivu-radio-wrapper-checked .icon-wrapper .icon.icon-menu-overall {
  background: url(../images/c-sphere/icon-menu-overall-actived.png) no-repeat center center;
  background-size: contain;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item.ivu-radio-wrapper-checked .icon-wrapper .icon.icon-menu-ecology {
  background: url(../images/c-sphere/icon-menu-ecology-actived.png) no-repeat center center;
  background-size: contain;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item.ivu-radio-wrapper-checked .icon-wrapper .icon.icon-menu-construction {
  background: url(../images/c-sphere/icon-menu-construction-actived.png) no-repeat center center;
  background-size: contain;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item.ivu-radio-wrapper-checked .icon-wrapper .icon.icon-menu-landscape {
  background: url(../images/c-sphere/icon-menu-landscape-actived.png) no-repeat center center;
  background-size: contain;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item.ivu-radio-wrapper-checked .icon-wrapper .icon.icon-menu-management {
  background: url(../images/c-sphere/icon-menu-management-actived.png) no-repeat center center;
  background-size: contain;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item.ivu-radio-wrapper-checked .menu-content {
  background: url(../../images/c-sphere/menu-actived-text-bg.png) no-repeat center left;
  width: 332px;
  height: 154px;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item:nth-child(1) {
  left: 500px;
  top: 1448px;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item:nth-child(2) {
  left: 610px;
  top: 1616px;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item:nth-child(3) {
  top: 1792px;
  left: 650px;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item:nth-child(4) {
  left: 610px;
  top: 1962px;
}
.sphere .menu .ivu-radio-group > .ivu-radio-group-item:nth-child(5) {
  left: 500px;
  top: 2132px;
}
.top {
  width: 528px;
  height: auto;
  position: fixed;
  top: 35px;
  left: 55px;
  z-index: 30;
}
.top .logo {
  width: 528px;
  height: 181px;
  background: url(../../images/c-top/logo.png) no-repeat top left;
}
.top > .extra {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  height: 60px;
}
.top > .extra .item {
  padding: 0 12px;
  border-right: 5px rgba(255, 255, 255, 0.7) solid;
  height: 36px;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: center;
}
.top > .extra .item .text {
  font-family: 'borda';
  font-size: 36px;
  color: #FFF;
  line-height: 36px;
}
.top > .extra .item .icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 6px 0 0;
  background-size: contain;
  transition: 0.4s;
}
.top > .extra .item .icon.icon-weather-sunny {
  background: url(../images/c-envpicker/icon-weather-sunny-actived.png) no-repeat center center;
  background-size: contain;
}
.top > .extra .item .icon.icon-weather-darken {
  background: url(../images/c-envpicker/icon-weather-darken-actived.png) no-repeat center center;
  background-size: contain;
}
.top > .extra .item .icon.icon-weather-cloudy {
  background: url(../images/c-envpicker/icon-weather-cloudy-actived.png) no-repeat center center;
  background-size: contain;
}
.top > .extra .item .icon.icon-weather-fog {
  background: url(../images/c-envpicker/icon-weather-fog-actived.png) no-repeat center center;
  background-size: contain;
}
.top > .extra .item .icon.icon-weather-little-rainy {
  background: url(../images/c-envpicker/icon-weather-little-rainy-actived.png) no-repeat center center;
  background-size: contain;
}
.top > .extra .item .icon.icon-weather-medium-rainy {
  background: url(../images/c-envpicker/icon-weather-medium-rainy-actived.png) no-repeat center center;
  background-size: contain;
}
.top > .extra .item .icon.icon-weather-heavy-rainy {
  background: url(../images/c-envpicker/icon-weather-heavy-rainy-actived.png) no-repeat center center;
  background-size: contain;
}
.top > .extra .item .icon.icon-weather-haze {
  background: url(../images/c-envpicker/icon-weather-haze-actived.png) no-repeat center center;
  background-size: contain;
}
.top > .extra .item .icon.icon-weather-little-snowy {
  background: url(../images/c-envpicker/icon-weather-little-snowy-actived.png) no-repeat center center;
  background-size: contain;
}
.top > .extra .item .icon.icon-weather-medium-snowy {
  background: url(../images/c-envpicker/icon-weather-medium-snowy-actived.png) no-repeat center center;
  background-size: contain;
}
.top > .extra .item .icon.icon-weather-heavy-snowy {
  background: url(../images/c-envpicker/icon-weather-heavy-snowy-actived.png) no-repeat center center;
  background-size: contain;
}
.top > .extra .item .icon.icon-weather-blizzard {
  background: url(../images/c-envpicker/icon-weather-blizzard-actived.png) no-repeat center center;
  background-size: contain;
}
.top > .extra .item .icon.icon-arrow-up {
  background: url(../images/c-top/icon-arrow-up.png) no-repeat center center;
  background-size: contain;
  cursor: pointer;
}
.top > .extra .item .icon.icon-arrow-down {
  cursor: pointer;
  background: url(../images/c-top/icon-arrow-up.png) no-repeat center center;
  background-size: contain;
  transform: rotateZ(180deg);
}
.toolbar {
  position: fixed;
  bottom: 100px;
  left: 1000px;
  z-index: 10;
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-evenly;
  align-items: center;
}
.toolbar .ivu-tooltip-popper .ivu-tooltip-content {
  position: relative;
  bottom: 20px;
}
.toolbar .ivu-tooltip-popper .ivu-tooltip-inner {
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(30px);
  color: #929292;
  font-family: 'ys';
  font-size: 38px;
  padding: 0;
  width: 120px;
  line-height: 50px;
  height: 50px;
  text-align: center;
  box-shadow: none;
}
.toolbar .ivu-tooltip-popper .ivu-tooltip-arrow {
  bottom: -18px;
  border-width: 30px 20px 0;
  border-top-color: rgba(255, 255, 255, 0.9);
  margin-left: -20px;
}
.toolbar .item {
  padding: 0 32px;
}
.toolbar .item .btn {
  width: 100px;
  height: 100px;
  transition: 0.3s;
  cursor: pointer;
}
.toolbar .item .btn.ivu-checkbox-wrapper .ivu-checkbox {
  display: none;
}
.toolbar .item .btn.ivu-checkbox-wrapper-checked .icon.icon-measurement {
  background: url(../images/c-toolbar/icon-close-measurement-actived.png) no-repeat center center;
}
.toolbar .item .btn .icon {
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.toolbar .item .btn .icon.icon-open-sphere {
  background: url(../images/c-toolbar/icon-open-sphere-normal.png) no-repeat center center;
  background-size: contain;
}
.toolbar .item .btn .icon.icon-close-sphere {
  background: url(../images/c-toolbar/icon-close-sphere-normal.png) no-repeat center center;
  background-size: contain;
}
.toolbar .item .btn .icon.icon-setting {
  background: url(../images/c-toolbar/icon-setting-normal.png) no-repeat center center;
  background-size: contain;
}
.toolbar .item .btn .icon.icon-home {
  background: url(../images/c-toolbar/icon-home-normal.png) no-repeat center center;
  background-size: contain;
}
.toolbar .item .btn .icon.icon-measurement {
  background: url(../images/c-toolbar/icon-close-measurement-normal.png) no-repeat center center;
}
.toolbar .item:active .icon.icon-open-sphere {
  background: url(../images/c-toolbar/icon-open-sphere-actived.png) no-repeat center center;
  background-size: contain;
}
.toolbar .item:active .icon.icon-close-sphere {
  background: url(../images/c-toolbar/icon-close-sphere-actived.png) no-repeat center center;
  background-size: contain;
}
.toolbar .item:active .icon.icon-setting {
  background: url(../images/c-toolbar/icon-setting-actived.png) no-repeat center center;
  background-size: contain;
}
.toolbar .item:active .icon.icon-home {
  background: url(../images/c-toolbar/icon-home-actived.png) no-repeat center center;
  background-size: contain;
}
.toolbar .item:active .icon.icon-measurement {
  background: url(../images/c-toolbar/icon-close-measurement-actived.png) no-repeat center center;
}
.toolbar .item .toolbar-expand-panel {
  width: 840px;
  height: 80px;
  background: #42424280;
  backdrop-filter: blur(10px);
  float: right;
  margin: 7px 0 0 -7px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: center;
}
.toolbar .item .toolbar-expand-panel.ivu-checkbox-group .ivu-checkbox-group-item {
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.toolbar .item .toolbar-expand-panel.ivu-checkbox-group .ivu-checkbox-group-item .ivu-checkbox {
  display: none;
}
.toolbar .item .toolbar-expand-panel.ivu-checkbox-group .ivu-checkbox-group-item .icon {
  width: 72px;
  height: 72px;
  margin-right: 20px;
}
.toolbar .item .toolbar-expand-panel.ivu-checkbox-group .ivu-checkbox-group-item .icon.icon-measure-distance {
  background: url(../images/c-toolbar/icon-measure-distance-normal.png) no-repeat center center;
}
.toolbar .item .toolbar-expand-panel.ivu-checkbox-group .ivu-checkbox-group-item .icon.icon-measure-area {
  background: url(../images/c-toolbar/icon-measure-area-normal.png) no-repeat center center;
}
.toolbar .item .toolbar-expand-panel.ivu-checkbox-group .ivu-checkbox-group-item .icon.icon-measure-mark {
  background: url(../images/c-toolbar/icon-measure-mark-normal.png) no-repeat center center;
}
.toolbar .item .toolbar-expand-panel.ivu-checkbox-group .ivu-checkbox-group-item .text {
  font-family: 'ali-m';
  font-size: 36px;
  color: #fff;
  letter-spacing: 8px;
  text-shadow: 0 2px 4px #424242FF;
  line-height: 72px;
}
.toolbar .item .toolbar-expand-panel.ivu-checkbox-group .ivu-checkbox-group-item.ivu-checkbox-wrapper-checked .icon.icon-measure-distance {
  background: url(../images/c-toolbar/icon-measure-distance-actived.png) no-repeat center center;
}
.toolbar .item .toolbar-expand-panel.ivu-checkbox-group .ivu-checkbox-group-item.ivu-checkbox-wrapper-checked .icon.icon-measure-area {
  background: url(../images/c-toolbar/icon-measure-area-actived.png) no-repeat center center;
}
.toolbar .item .toolbar-expand-panel.ivu-checkbox-group .ivu-checkbox-group-item.ivu-checkbox-wrapper-checked .icon.icon-measure-mark {
  background: url(../images/c-toolbar/icon-measure-mark-actived.png) no-repeat center center;
}
.toolbar .item .toolbar-expand-panel.ivu-checkbox-group .ivu-checkbox-group-item.ivu-checkbox-wrapper-checked .text {
  text-shadow: 0 2px 4px #22A857FF;
}
.right {
  position: fixed;
  z-index: 20;
  width: 1008px;
  right: 84px;
  bottom: 0;
  top: 0;
  perspective-origin: right center;
  perspective: 2000px;
  padding: 48px 0;
  transform-origin: top right;
}
.row {
  width: 1008px;
  transform: rotateY(-4deg);
  margin-bottom: 20px;
}
.row.clean-row {
  transform: none;
  margin: 0;
}
.row::before {
  display: block;
  width: 1008px;
  height: 12px;
  position: relative;
  top: 12px;
  background: url(../../images/c-row/bg-row-before.png) no-repeat top center;
  content: '';
}
.row::after {
  display: block;
  width: 1008px;
  height: 12px;
  position: relative;
  background: url(../../images/c-row/bg-row-after.png) no-repeat top center;
  content: '';
}
.box {
  width: 960px;
  display: flex;
  flex-flow: column;
  border-radius: 10px;
  background: -webkit-linear-gradient(top, #00000010, #00000020);
  backdrop-filter: blur(15px);
  margin-left: 24px;
}
.box .box-header {
  display: flex;
  flex-flow: nowrap row;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  background: url(../../images/c-box/bg-box-header.png) no-repeat top left;
  width: 100%;
  height: 72px;
  padding-left: 46px;
}
.box .box-header .icon {
  width: 48px;
  height: 48px;
  margin-right: 16px;
  flex-grow: 0;
  flex-shrink: 0;
}
.box .box-header .icon.icon-ecological-record {
  background: url(../images/v-ecology/icon-ecological-record.png) no-repeat center center;
  background-size: contain;
}
.box .box-header .icon.icon-ecological-overall {
  background: url(../images/v-ecology/icon-ecological-overall.png) no-repeat center center;
}
.box .box-header .title {
  font-size: 54px;
  color: #fff;
  letter-spacing: 5.8px;
  font-family: 'ys';
  flex-shrink: 1;
  flex-grow: 1;
}
.box .box-header .box-extra {
  min-width: 320px;
  height: 72px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-top: 24px;
  justify-content: flex-end;
  padding-right: 24px;
}
.box .box-header .box-extra .icon-arrow-down {
  background: url(../images/c-top/icon-arrow-up.png) no-repeat center center;
  background-size: contain;
  transform: rotateZ(180deg);
}
.box .box-header .box-extra .icon-arrow-up {
  background: url(../images/c-top/icon-arrow-up.png) no-repeat center center;
  background-size: contain;
}
.box .box-header.box-header-panel {
  background: url(../../images/c-box/bg-box-header-gray.png) no-repeat top left;
}
.box .box-body {
  align-items: stretch;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 24px 24px 24px 48px;
}
.box .box-body.train {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}
.box .box-body.train .item {
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
}
.box .box-body.train .item.train {
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.box .box-body.tower {
  display: block;
  justify-items: stretch;
}
.box .box-body .ivu-table {
  background-color: transparent;
}
.box .box-body .ivu-table .ivu-table-header {
  color: #FFF;
  font-size: 24px;
  font-family: 'ali-m';
}
.box .box-body .ivu-table .ivu-table-header th {
  background: #22A857;
  padding: 2px 0;
  text-align: center;
  border: none;
}
.box .box-body .ivu-table .ivu-table-body {
  background-color: transparent;
}
.box .box-body .ivu-table .ivu-table-body::-webkit-scrollbar {
  margin-right: 6px;
  width: 6px;
}
.box .box-body .ivu-table .ivu-table-body::-webkit-scrollbar-track {
  width: 3px;
  background: #00000046;
}
.box .box-body .ivu-table .ivu-table-body::-webkit-scrollbar-thumb {
  width: 4px;
  background: #FFFFFFDD;
  border-radius: 4px;
}
.box .box-body .ivu-table .ivu-table-body td {
  background-color: rgba(0, 0, 0, 0.1);
  font-size: 24px;
  font-family: 'ali-m';
  text-align: center;
  color: #fff;
  border: none;
}
.box .box-body .ivu-table .ivu-table-body .bullet-red .ivu-table-cell::before {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 10px;
  content: '';
  display: inline-block;
  background: url(../images/c-stick/icon-bullet-red.png) no-repeat center center;
  background-size: contain;
}
.box .box-body .ivu-table .ivu-table-body .bullet-green .ivu-table-cell::before {
  width: 20px;
  height: 20px;
  display: block;
  display: inline-block;
  margin-right: 10px;
  content: '';
  background: url(../images/c-stick/icon-bullet-green.png) no-repeat center center;
  background-size: contain;
}
.selection {
  position: fixed;
  top: 50px;
  left: 700px;
  z-index: 20;
}
.selection .ivu-checkbox-group-item {
  margin-right: 60px;
  cursor: pointer;
}
.selection .ivu-checkbox-group-item .ivu-checkbox {
  display: none;
}
.selection .ivu-checkbox-group-item .icon {
  width: 124px;
  height: 124px;
  margin: 0 auto;
  transition: 0.3s;
}
.selection .ivu-checkbox-group-item .icon.icon-mountain {
  background: url(../images/c-selections/icon-mountain-normal.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-group-item .icon.icon-water {
  background: url(../images/c-selections/icon-water-normal.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-group-item .icon.icon-forest {
  background: url(../images/c-selections/icon-forest-normal.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-group-item .icon.icon-field {
  background: url(../images/c-selections/icon-field-normal.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-group-item .icon.icon-grass {
  background: url(../images/c-selections/icon-grass-normal.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-group-item .icon.icon-lake {
  background: url(../images/c-selections/icon-lake-normal.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-group-item .icon.icon-architecture {
  background: url(../images/c-selections/icon-architecture-normal.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-group-item .icon.icon-facility {
  background: url(../images/c-selections/icon-facility-normal.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-group-item .text {
  margin-top: 18px;
  transition: 0.3s;
}
.selection .ivu-checkbox-group-item .text .title {
  font-size: 40px;
  font-family: 'ys';
  color: #FFF;
  display: block;
  text-align: center;
}
.selection .ivu-checkbox-group-item .text .subtitle {
  font-size: 24px;
  font-family: 'ali-m';
  color: #FFF;
  display: block;
  text-align: center;
}
.selection .ivu-checkbox-wrapper-checked .icon.icon-mountain {
  background: url(../images/c-selections/icon-mountain-actived.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-wrapper-checked .icon.icon-water {
  background: url(../images/c-selections/icon-water-actived.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-wrapper-checked .icon.icon-forest {
  background: url(../images/c-selections/icon-forest-actived.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-wrapper-checked .icon.icon-field {
  background: url(../images/c-selections/icon-field-actived.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-wrapper-checked .icon.icon-grass {
  background: url(../images/c-selections/icon-grass-actived.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-wrapper-checked .icon.icon-lake {
  background: url(../images/c-selections/icon-lake-actived.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-wrapper-checked .icon.icon-architecture {
  background: url(../images/c-selections/icon-architecture-actived.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-wrapper-checked .icon.icon-facility {
  background: url(../images/c-selections/icon-facility-actived.png) no-repeat center center;
  background-size: contain;
}
.selection .ivu-checkbox-wrapper-checked .text {
  text-shadow: 0 4px 8px #22A857;
}
.toggle-list {
  position: fixed;
  top: 50px;
  left: 670px;
  z-index: 20;
}
.toggle-list .ivu-badge .ivu-badge-count {
  right: 32px;
  width: 36px;
  height: 36px;
  font-size: 24px;
  line-height: 36px;
  font-family: 'borda';
  border-radius: 36px;
}
.toggle-list .ivu-checkbox-group-item {
  margin: 0 30px;
  cursor: pointer;
}
.toggle-list .ivu-checkbox-group-item .ivu-checkbox {
  display: none;
}
.toggle-list .ivu-checkbox-group-item .icon {
  width: 124px;
  height: 124px;
  margin: 0 auto 18px auto;
  transition: 0.3s;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-ecology-monitor {
  background: url(../images/c-toggle-list/icon-ecology-monitor-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-ecology-maintain {
  background: url(../images/c-toggle-list/icon-ecology-maintain-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-ecological-record {
  background: url(../images/c-toggle-list/icon-ecological-record-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-ecology-scheme {
  background: url(../images/c-toggle-list/icon-ecology-scheme-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-ecology-simulation {
  background: url(../images/c-toggle-list/icon-ecology-simulation-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-ecology-growth {
  background: url(../images/c-toggle-list/icon-ecology-grow-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-camera {
  background: url(../images/v-construction/icon-camera-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-personnel {
  background: url(../images/v-construction/icon-personnel-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-tower-crane {
  background: url(../images/v-construction/icon-tower-crane-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-planRoaming {
  background: url(../images/v-construction/icon-planRoaming-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-alternatives {
  background: url(../images/v-construction/icon-alternatives-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-bus {
  background: url(../images/v-landscape/icon-bus-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-broadcaster {
  background: url(../images/v-landscape/icon-broadcaster-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-restroom {
  background: url(../images/v-landscape/icon-restroom-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-service-facilities {
  background: url(../images/v-landscape/icon-service-faclities-normal.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-management-facility {
  background: url(../images/v-management/icon-management-facility-normal.png) center center no-repeat;
  background-size: contain;
}
.toggle-list .ivu-checkbox-group-item .icon.icon-vehicle {
  background: url(../images/v-management/icon-vehicle-normal.png) center center no-repeat;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-ecology-monitor {
  background: url(../images/c-toggle-list/icon-ecology-monitor-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-ecology-maintain {
  background: url(../images/c-toggle-list/icon-ecology-maintain-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-ecological-record {
  background: url(../images/c-toggle-list/icon-ecological-record-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-ecology-scheme {
  background: url(../images/c-toggle-list/icon-ecology-scheme-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-ecology-simulation {
  background: url(../images/c-toggle-list/icon-ecology-simulation-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-ecology-growth {
  background: url(../images/c-toggle-list/icon-ecologly-grow-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-camera {
  background: url(../images/v-construction/icon-camera-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-personnel {
  background: url(../images/v-construction/icon-personnel-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-tower-crane {
  background: url(../images/v-construction/icon-tower-crane-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-alternatives {
  background: url(../images/v-construction/icon-alternatives-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-planRoaming {
  background: url(../images/v-construction/icon-planRoaming-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-bus {
  background: url(../images/v-landscape/icon-bus-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-broadcaster {
  background: url(../images/v-landscape/icon-broadcaster-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-restroom {
  background: url(../images/v-landscape/icon-restroom-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-service-facilities {
  background: url(../images/v-landscape/icon-service-facilities-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-management-facility {
  background: url(../images/v-management/icon-management-facility-actived.png) center center no-repeat;
  background-size: contain;
}
.toggle-list .ivu-checkbox-wrapper-checked .icon.icon-vehicle {
  background: url(../images/v-management/icon-vehicle-actived.png) no-repeat center center;
  background-size: contain;
}
.toggle-list .ivu-tooltip-popper .ivu-tooltip-inner {
  color: #929292;
}
.toggle-list .ivu-tooltip-popper .ivu-tooltip-inner .title {
  font-family: 'ys';
  font-size: 40px;
  line-height: 40px;
  text-align: center;
}
.toggle-list .ivu-tooltip-popper .ivu-tooltip-inner .subtitle {
  font-size: 24px;
  font-family: 'ali-m';
  text-align: center;
}
.glass {
  width: 1008px;
  transform: rotateY(-4deg);
  margin-bottom: 20px;
}
.glass.ripple {
  background: url(../../images/c-glass/ripple.png) no-repeat center center;
  width: 490px;
  height: 490px;
  margin: 0 auto;
  padding: 26px 0;
}
.plate .plate-header {
  border-left: #22a857 8px solid;
  background: #22a85725;
  display: flex;
  align-items: center;
}
.plate .plate-header .title {
  padding-left: 26px;
  font-family: 'ys';
  font-size: 40px;
  color: #fff;
}
.plate .plate-body {
  display: flex;
  flex-flow: column;
  padding: 12px 0;
}
.plate .plate-body.train {
  flex-flow: row wrap;
}
.plate .plate-body .plate-item.train {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.legend {
  width: 326px;
  height: auto;
  position: fixed;
  z-index: 20;
}
.legend.ecology-legend {
  left: 700px;
  top: 230px;
}
.legend.landscape-legend {
  top: 214px;
  left: 1434px;
}
.legend .legend-header {
  width: 100%;
  height: 56px;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  padding-left: 24px;
}
.legend .legend-header .icon {
  width: 40px;
  height: 40px;
  transition: 0.3s;
}
.legend .legend-header .icon.icon-legend-header {
  background: url(../images/c-legend/icon-legend-head.png) no-repeat center center;
  background-size: contain;
}
.legend .legend-header .text {
  margin-left: 12px;
  font-family: 'ali-m';
  font-size: 28px;
  color: #fff;
}
.legend .legend-body {
  background: url(../../images/c-legend/bg-legend-panel.png) no-repeat center center;
  background-size: cover;
  backdrop-filter: blur(10px);
  padding-bottom: 18px;
}
.legend .legend-body .legend-item {
  padding: 18px 0 0 24px;
}
.legend .legend-body .legend-item input[type="checkbox"] {
  display: none;
}
.legend .legend-body .legend-item label {
  display: flex;
  align-items: center;
}
.legend .legend-body .legend-item .icon {
  width: 40px;
  height: 40px;
  transition: 0.3s;
  cursor: pointer;
}
.legend .legend-body .legend-item .icon.icon-show {
  background: url(../images/c-legend/icon-show.png) no-repeat center center;
  background-size: contain;
}
.legend .legend-body .legend-item .icon.icon-hide {
  background: url(../images/c-legend/icon-hide.png) no-repeat center center;
  background-size: contain;
}
.legend .legend-body .legend-item .legend-color-plate {
  width: 24px;
  height: 24px;
  border: 2px #fff solid;
  margin: 0 20px;
}
.legend .legend-body .legend-item .text {
  font-size: 36px;
  font-family: 'ali-m';
  color: #fff;
}
.list {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.list .list-item.train {
  padding: 10px 0;
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 5px #ffffff50 solid;
}
.list .list-item.train .chart-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
}
.list .list-item.train .stick-group {
  flex-grow: 1;
  flex-shrink: 1;
}
.index-card-wrapper .index-card {
  width: 125px;
  margin: 0 auto;
}
.index-card-wrapper .index-card .number {
  text-align: center;
  font-family: 'borda';
  font-size: 58px;
  letter-spacing: 1.54px;
  color: #fff;
}
.index-card-wrapper .index-card .number small {
  font-family: 'ali-m';
  font-size: 28px;
  margin-left: 4px;
  color: #fff;
}
.index-card-wrapper .index-card .text {
  border-radius: 4px;
  font-family: 'ali-m';
  font-size: 28px;
  color: #fff;
  text-align: center;
  padding: 4px 0;
}
.icon-card-wrapper .icon-card {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 10px 0;
}
.icon-card-wrapper .icon-card .icon-card-header {
  flex-shrink: 0;
  flex-grow: 0;
  padding-right: 16px;
}
.icon-card-wrapper .icon-card .icon-card-header .icon {
  width: 72px;
  height: 72px;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-project-amount {
  background: url(../images/v-overall/icon-project-count.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-accomplish-percent {
  background: url(../images/v-overall/icon-accomplish-percent.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-patrol-count {
  background: url(../images/v-overall/icon-patrol-count.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-pass-count {
  background: url(../images/v-overall/icon-pass-count.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-hidden-dangerous {
  background: url(../images/v-overall/icon-hidden-dangerous.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-worker-amount {
  background: url(../images/v-overall/icon-worker-amount.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-worker-registered {
  background: url(../images/v-overall/icon-worker-registered.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-worker-field {
  background: url(../images/v-overall/icon-worker-field.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-tourist-on-island {
  background: url(../images/v-overall/icon-tourist-on-island.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-subscribe-today {
  background: url(../images/v-overall/icon-subscribe-today.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-bus-running {
  background: url(../images/v-overall/icon-bus-running.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-warning-count {
  background: url(../images/v-overall/icon-warning-count.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-humidity {
  background: url(../images/v-construction/icon-humidity.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-noise {
  background: url(../images/v-construction/icon-noise.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-pm10 {
  background: url(../images/v-construction/icon-pm10.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-pm25 {
  background: url(../images/v-construction/icon-pm25.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-temperature {
  background: url(../images/v-construction/icon-temperature.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-wind-speed {
  background: url(../images/v-construction/icon-wind-speed.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-construction-warning-count {
  background: url(../images/v-construction/icon-warnning-count.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-construction-warning-type {
  background: url(../images/v-construction/icon-warning-type.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-tourist-entering {
  background: url(../images/v-landscape/icon-tourist-entering.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-tourist-leaving {
  background: url(../images/v-landscape/icon-tourist-leaving.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-subscribe-tomorrow {
  background: url(../images/v-landscape/icon-subscribe-tomorrow.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-subscribe-3days {
  background: url(../images/v-landscape/icon-subscribe-3days.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-bus-operating-today {
  background: url(../images/v-landscape/gd.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-average-operating-duration {
  background: url(../images/v-landscape/person_gd.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-gear {
  background: url(../images/v-management/icon-gear.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-truck {
  background: url(../images/v-management/icon-truck.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-header .icon.icon-worker {
  background: url(../images/v-management/icon-worker.png) no-repeat center center;
  background-size: contain;
}
.icon-card-wrapper .icon-card .icon-card-body {
  flex-grow: 1;
  flex-shrink: 1;
}
.icon-card-wrapper .icon-card .icon-card-body .number {
  font-family: 'borda-bold';
  font-size: 58px;
  color: #fff;
  letter-spacing: 1.54px;
}
.icon-card-wrapper .icon-card .icon-card-body .number small {
  font-family: 'ali-m';
  font-size: 36px;
  color: #fff;
}
.icon-card-wrapper .icon-card .icon-card-body .title {
  font-family: 'ali-b';
  color: #fff;
  font-size: 32px;
  line-height: 32px;
}
.float-panel {
  position: fixed;
  z-index: 20;
}
.float-panel .box-header .box-extra {
  min-width: auto;
  padding-right: 32px;
  width: 64px;
  height: 32px;
  margin: 6px auto;
}
.float-panel .box-header .box-extra .icon-arrow-down {
  background: url(../images/c-top/icon-arrow-up.png) no-repeat center center;
  background-size: contain;
  transform: rotateZ(180deg);
}
.float-panel .box-header .box-extra .icon-arrow-up {
  background: url(../images/c-top/icon-arrow-up.png) no-repeat center center;
  background-size: contain;
}
.float-panel.ecological-record {
  position: static;
  width: 624px;
  margin-left: 400px;
  margin-top: 48px;
}
.float-panel.ecological-overall {
  position: static;
  width: 624px;
  margin-left: 400px;
}
.float-panel.ecological-overall-window {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../../images/v-ecology/ecological-overall-piece.png) no-repeat center center;
  background-size: contain;
  width: 1548px;
  height: 1318px;
  backdrop-filter: blur(10px);
}
.float-panel .ivu-form-item-content {
  margin-top: 24px;
  border-bottom: 1px #fff solid;
}
.float-panel .ivu-form-item-content .ivu-row {
  margin-bottom: 24px;
}
.float-panel .ivu-form-item-content .label {
  font-size: 32px;
  font-family: 'ali-m';
  color: #fff;
  line-height: 64px;
}
.float-panel .ivu-form-item-content .text {
  font-size: 32px;
  font-family: 'ali-m';
  color: #fff;
  line-height: 64px;
  display: block;
  text-align: center;
}
.float-panel .ivu-form-item-content .ivu-select-selection {
  height: 64px;
  background: #00000033;
}
.float-panel .ivu-form-item-content .ivu-select-selection .ivu-select-arrow {
  color: #fff;
  font-size: 32px;
}
.float-panel .ivu-form-item-content .ivu-select-selection .ivu-select-selected-value {
  font-family: 'ali-m';
  font-size: 32px;
  height: 64px;
  line-height: 64px;
  color: #fff;
}
.float-panel .ivu-form-item-content .ivu-select-dropdown {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0;
  max-height: 456px;
  padding: 5px;
}
.float-panel .ivu-form-item-content .ivu-select-dropdown .ivu-select-item {
  font-size: 32px !important;
  font-family: 'ali-m';
  padding: 6px 40px;
  color: #fff;
  transition: 0.3s;
  border: 2px transparent solid;
}
.float-panel .ivu-form-item-content .ivu-select-dropdown .ivu-select-item.ivu-select-item-focus {
  background-color: transparent;
}
.float-panel .ivu-form-item-content .ivu-select-dropdown .ivu-select-item:hover {
  background: -webkit-linear-gradient(top, #ffffff66, #ffffff00);
  border: 2px #ffffff99 solid;
}
.float-panel .ivu-form-item-content .ivu-select-dropdown .ivu-select-item:active {
  background: -webkit-linear-gradient(top, #7db163aa, #7db16350);
  border: 2px #7db163 solid;
}
.float-panel .ivu-form-item-content .ivu-input {
  height: 64px;
  background-color: #00000033;
  line-height: 64px;
  border: none;
  font-family: 'ali-m';
  color: #fff;
  font-size: 32px;
}
.float-panel .ivu-form-item-content .form-row-btn {
  width: 40px;
  height: 40px;
  margin-top: 12px;
  cursor: pointer;
}
.float-panel .ivu-form-item-content .form-row-btn .icon {
  width: 40px;
  height: 40px;
  transition: 0.3s;
}
.float-panel .ivu-form-item-content .form-row-btn .icon.icon-add-row {
  background: url(../images/c-form/icon-add-row.png) no-repeat center center;
  background-size: contain;
}
.float-panel .ivu-form-item-content .form-row-btn .icon.icon-add-row:active {
  background: url(../images/c-form/icon-add-row-actived.png) no-repeat center center;
  background-size: contain;
}
.float-panel .ivu-form-item-content .form-row-btn .icon.icon-remove-row {
  background: url(../images/c-form/icon-remove-row.png) no-repeat center center;
  background-size: contain;
}
.float-panel .ivu-form-item-content .form-row-btn .icon.icon-remove-row:active {
  background: url(../images/c-form/icon-remove-row-actived.png) no-repeat center center;
  background-size: contain;
}
.float-panel .form-submit {
  width: 472px;
  height: 56px;
  background: url(../../images/c-form/form-btn-submit-normal.png) no-repeat center center;
  font-size: 32px;
  font-family: 'ali-m';
  color: #fff;
  margin: 0px auto;
  display: block;
  cursor: pointer;
  transition: 0.3s;
}
.float-panel .form-submit:active {
  background: url(../../images/c-form/form-btn-submit-actived.png) no-repeat center center;
}
.float-panel .form-reset {
  font-size: 24px;
  font-family: 'ali-m';
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 56px;
  transition: 0.3s;
}
.float-panel .form-reset .icon {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.float-panel .form-reset .icon.icon-form-reset {
  background: url(../images/c-form/icon-reset-normal.png) no-repeat center center;
  background-size: contain;
}
.float-panel .form-reset:active {
  background: #5CA609FF;
  border-radius: 28px;
}
.simulation-wrapper {
  width: 1168px;
}
.simulation-wrapper.water-level-simulation {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 234px;
}
.simulation-wrapper::before {
  display: block;
  width: 1168px;
  height: 12px;
  position: relative;
  top: 0px;
  background: url(../../images/c-simulation/bg-simulation-wrapper-before.png) no-repeat top center;
  content: '';
}
.simulation-wrapper::after {
  display: block;
  width: 1168px;
  height: 12px;
  position: relative;
  background: url(../../images/c-simulation/bg-simulation-wrapper-after.png) no-repeat top center;
  content: '';
}
.simulation-wrapper .simulation {
  background: url(../../images/c-simulation/bg-simulation.png) no-repeat center center;
  width: 1128px;
  height: 200px;
  backdrop-filter: blur(20px);
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.simulation-wrapper .simulation .simulation-header {
  padding: 18px 74px 34px 74px;
  flex-grow: 0;
  flex-shrink: 0;
}
.simulation-wrapper .simulation .simulation-header .icon {
  width: 78px;
  height: 78px;
}
.simulation-wrapper .simulation .simulation-header .icon.icon-water-level-simulation {
  background: url(../images/v-ecology/icon-water-level.png) no-repeat center center;
  background-size: contain;
}
.simulation-wrapper .simulation .simulation-header .icon.icon-growth-level-simulation {
  background: url(../images//v-ecology/icon-growth-level.png) no-repeat center center;
  background-size: contain;
}
.simulation-wrapper .simulation .simulation-header .title {
  font-size: 42px;
  font-family: 'ys';
  color: #fff;
  text-align: center;
}
.simulation-wrapper .simulation .simulation-body {
  flex-shrink: 1;
  flex-grow: 1;
  padding: 0 100px 0 0;
}
.simulation-wrapper .simulation .simulation-body .ivu-slider {
  line-height: normal;
  height: 98px;
  margin-top: 48px;
}
.simulation-wrapper .simulation .simulation-body .ivu-slider-wrap {
  height: 18px;
  border-radius: 9px;
}
.simulation-wrapper .simulation .simulation-body .ivu-slider-wrap .ivu-slider-bar {
  background: #57a3f3;
  box-shadow: 0 2px 4px #ffffff25 inset;
  height: 18px;
  border-radius: 9px;
}
.simulation-wrapper .simulation .simulation-body .ivu-slider-wrap .ivu-slider-stop {
  display: none;
}
.simulation-wrapper .simulation .simulation-body .ivu-slider-wrap .ivu-slider-marks .ivu-slider-marks-item {
  height: 44px;
  font-size: 28px;
  font-family: 'ali-m';
  color: #fff;
  margin-top: 30px;
  width: 120px;
  text-align: center;
}
.simulation-wrapper .simulation .simulation-body .ivu-slider-wrap .ivu-slider-button-wrap {
  width: 36px;
  height: 36px;
  top: -12px;
}
.simulation-wrapper .simulation .simulation-body .ivu-slider-wrap .ivu-slider-button-wrap .ivu-slider-button {
  width: 36px;
  height: 36px;
  border: 0;
  box-shadow: 0 2px 5px #00000088;
}
.c-button {
  cursor: pointer;
  transition: 0.3s;
  /*TODO: c-button-tiny*/
}
.c-button.icon-button .icon-fullscreen {
  width: 68px;
  height: 68px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/c-carousel/icon-fullscreen-normal.png) no-repeat center center;
  background-size: contain;
}
.c-button.icon-button .icon-ecological-overall-close {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 24px;
  right: 24px;
  background: url(../images/v-ecology/icon-ecological-overall-close.png) no-repeat center center;
}
.c-button.icon-button:active .icon-fullscreen {
  background: url(../images/c-carousel/icon-fullscreen-actived.png) no-repeat center center;
  background-size: contain;
}
.c-button.c-button-shuttle {
  width: 778px;
  height: 123px;
  background: url(../../images/c-button/btn-shuttle-normal.png) no-repeat center center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 20;
  left: 50%;
  transform: translateX(-50%);
  bottom: 234px;
}
.c-button.c-button-shuttle .icon {
  width: 66px;
  height: 66px;
  margin-right: 14px;
}
.c-button.c-button-shuttle .icon.icon-screen-split {
  background: url(../images/c-button/icon-screen-split-normal.png) no-repeat center center;
  background-size: contain;
}
.c-button.c-button-shuttle .text {
  font-size: 80px;
  color: #424242;
  font-family: 'ys';
}
.c-button.c-button-shuttle:active {
  background: url(../../images/c-button/btn-shuttle-actived.png) no-repeat center center;
}
.c-button.c-button-shuttle:active .icon.icon-screen-split {
  background: url(../images/c-button/icon-screen-split-actived.png) no-repeat center center;
  background-size: contain;
}
.c-button.c-button-shuttle:active .text {
  color: #fff;
}
.c-button.c-button-mroe {
  border: white 5px solid;
  border-radius: 50px;
  position: relative;
  left: 216px;
  top: 4px;
  z-index: 20;
  width: 100px;
  height: 65px;
  font-size: 30px;
  color: white;
  text-align: center;
}
.c-button.c-button-return {
  background: url(../../images/c-button/btn-return-normal.png) no-repeat center center;
  position: fixed;
  right: 60px;
  bottom: 120px;
  z-index: 20;
  background-size: contain;
  width: 244px;
  height: 84px;
  display: flex;
  align-items: center;
}
.c-button.c-button-return:active {
  background: url(../../images/c-button/btn-return-actived.png) no-repeat center center;
}
.c-button.c-button-return .text {
  font-family: 'ali-m';
  font-size: 36px;
  color: #fff;
  margin-left: 105px;
}
.c-button.c-button-return.compare {
  left: 60px;
  right: auto;
}
.c-button.c-button-return.field {
  right: 1150px;
}
.c-button.c-button-return.design {
  right: 225px;
}
.c-button.c-button-tiny {
  width: 244px;
  height: 58px;
  background: url(../../images/c-button/bg-button-tiny-normal.png) no-repeat center center;
  background-size: contain;
  display: flex;
  align-items: center;
}
.c-button.c-button-tiny .icon {
  width: 52px;
  height: 52px;
  margin: 0 16px;
}
.c-button.c-button-tiny .icon.icon-fivetwo {
  background: url(../images/v-construction/icon-5and2.png) no-repeat center center;
  background-size: contain;
}
.c-button.c-button-tiny .text {
  font-size: 36px;
  color: #fff;
  font-family: 'ali-m';
}
.c-button.c-button-tiny:hover {
  background: url(../../images/c-button/bg-button-tiny-actived.png) no-repeat center center;
}
.c-button.c-button-only-text {
  height: 58px;
  border: 2px #fff solid;
  border-radius: 26px;
  text-align: center;
  padding: 0 24px;
  float: right;
}
.c-button.c-button-only-text .text {
  font-size: 36px;
  color: #fff;
  font-family: 'ali-m';
  line-height: 58px;
}
.c-button.c-button-darken {
  width: 512px;
  height: 68px;
  background: #00000066;
  text-align: center;
}
.c-button.c-button-darken .text {
  font-family: 'ali-m';
  color: #fff;
  font-size: 36px;
  line-height: 68px;
}
.video-player {
  position: relative;
}
.stick-wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 8px 0;
}
.stick-wrapper .stick-pre {
  width: 56px;
  height: 56px;
  flex-grow: 0;
  flex-shrink: 0;
}
.stick-wrapper .stick-pre .ivu-checkbox-wrapper .ivu-checkbox {
  display: none;
}
.stick-wrapper .stick-pre .ivu-checkbox-wrapper .icon {
  width: 56px;
  height: 56px;
  transition: 0.3s;
}
.stick-wrapper .stick-pre .ivu-checkbox-wrapper .icon.icon-bad {
  background: url(../images/c-stick/icon-alert-normal.png) no-repeat center center;
  background-size: contain;
}
.stick-wrapper .stick-pre .ivu-checkbox-wrapper .icon.icon-bad:hover {
  background: url(../images/c-stick/icon-alert-hover.png) no-repeat center center;
  background-size: contain;
}
.stick-wrapper .stick-pre .ivu-checkbox-wrapper-checked .icon.icon-bad {
  background: url(../images/c-stick/icon-alert-hover.png) no-repeat center center;
  background-size: contain;
}
.stick-wrapper .stick {
  height: 56px;
  flex-grow: 1;
  flex-shrink: 1;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 28px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0 80px 0 14px;
}
.stick-wrapper .stick .bullet {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 20px;
}
.stick-wrapper .stick .bullet.bullet-green {
  background: url(../images/c-stick/icon-bullet-green.png) no-repeat center center;
  background-size: contain;
}
.stick-wrapper .stick .bullet.bullet-red {
  background: url(../images/c-stick/icon-bullet-red.png) no-repeat center center;
  background-size: contain;
}
.stick-wrapper .stick .stick-header {
  font-size: 36px;
  color: #fff;
  font-family: 'ali-m';
  line-height: 56px;
  flex-grow: 1;
  flex-shrink: 1;
}
.stick-wrapper .stick .stick-body {
  line-height: 56px;
  flex-grow: 0;
  flex-shrink: 0;
}
.stick-wrapper .stick .stick-body .number {
  font-size: 44px;
  font-family: 'borda-bold';
  color: #fff;
}
.stick-wrapper .stick .stick-body .unit {
  font-size: 32px;
  color: #fff;
  font-family: 'ali-m';
}
.chart-wrapper {
  position: relative;
  margin-top: 24px;
}
.chart-wrapper .first_solt {
  margin-right: 20px;
}
.chart-wrapper .plate-header-bus {
  margin-top: -48px;
  border-left: #fdd974 8px solid !important;
  background: #7a7950 !important;
}
.chart-wrapper .plate-header {
  border-left: #22a857 8px solid;
  background: rgba(34, 168, 87, 0.3);
  display: flex;
  align-items: center;
}
.chart-wrapper .plate-header .title {
  padding-left: 26px;
  font-family: 'ys';
  font-size: 40px;
  color: #fff;
}
.chart-wrapper .slot {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.chart-wrapper .chart-text-lt {
  color: #fff;
  font-family: 'ali-m';
  font-size: 28px;
  position: absolute;
  top: -20px;
  left: 0;
}
.chart-wrapper.pie-halo {
  background: url(../../images/c-echarts/bg-chart-pie.png) no-repeat center center;
  background-size: contain;
}
.chart-wrapper.overall.chart-liquid .slot {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.chart-wrapper.overall.chart-liquid .slot .title {
  font-family: 'borda-bold';
  font-size: 72px;
  color: #fff;
  letter-spacing: 2px;
  text-shadow: 0px 2px 4px #52A827;
  text-align: center;
  line-height: 72px;
}
.chart-wrapper.overall.chart-liquid .slot .title small {
  font-family: 'ali-m';
  font-size: 36px;
  line-height: 36px;
  color: #fff;
  text-shadow: 0px 2px 4px #52A827;
}
.chart-wrapper.overall.chart-liquid .slot .subtitle {
  text-align: center;
  font-size: 40px;
  font-family: 'ys';
  color: #fff;
  text-shadow: 0px 2px 2px #22A857;
}
.chart-wrapper.ecology.chart-liquid .slot {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.chart-wrapper.ecology.chart-liquid .slot .title {
  font-family: 'borda-bold';
  font-size: 120px;
  color: #fff;
  letter-spacing: 4px;
  text-shadow: 0px 4px 8px #52A827;
  text-align: center;
  line-height: 72px;
}
.chart-wrapper.ecology.chart-liquid .slot .title small {
  font-family: 'ali-m';
  font-size: 56px;
  line-height: 56px;
  color: #fff;
  text-shadow: 0px 4px 8px #52A827;
}
.chart-wrapper.ecology.chart-liquid .slot .subtitle {
  text-align: center;
  font-size: 56px;
  font-family: 'ys';
  color: #fff;
  text-shadow: 0px 4px 4px #22A857;
}
.chart-wrapper.chart-halo-pie .pie-halo {
  background: url(../../images/c-echarts/bg-chart-pie.png) no-repeat center center;
  background-size: contain;
}
.chart-wrapper.chart-gauge {
  width: 228px;
  height: 228px;
}
.chart-wrapper.chart-gauge .slot {
  width: 228px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
}
.chart-wrapper.chart-gauge .slot .title {
  font-size: 72px;
  font-family: 'borda';
  line-height: 72px;
  color: #fff;
}
.chart-wrapper.chart-gauge .slot .title small {
  font-size: 36px;
  font-family: 'ali-m';
  color: #fff;
}
.chart-wrapper.chart-gauge .slot .subtitle {
  font-size: 40px;
  font-family: 'ys';
  line-height: 40px;
  color: #fff;
  position: relative;
  top: -10px;
}
.carousel-wrapper {
  position: relative;
}
.carousel-wrapper .ivu-carousel {
  width: 848px;
  margin: 42px auto;
}
.carousel-wrapper .ivu-carousel .ivu-carousel-dots {
  text-align: right;
}
.carousel-wrapper .ivu-carousel .ivu-carousel-dots.ivu-carousel-dots-inside {
  bottom: 10px;
  right: 80px;
}
.carousel-wrapper .ivu-carousel .ivu-carousel-dots li .radius {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 2px #fff solid;
  background: #fff;
}
.carousel-wrapper .ivu-carousel .ivu-carousel-dots li.ivu-carousel-active button.radius {
  width: 16px;
  height: 16px;
  background: #1FBF8A;
}
.carousel-wrapper .title {
  position: absolute;
  padding-left: 80px;
  height: 44px;
  bottom: 42px;
  left: 0;
  right: 0;
  font-size: 28px;
  color: #fff;
  line-height: 44px;
  background: -webkit-linear-gradient(top, #16161600, #161616ff);
}
.ivu-modal-mask {
  background: rgba(255, 255, 255, 0.5);
  z-index: 30;
}
.ivu-modal-wrap .ivu-modal {
  top: 50%;
  transform: translateY(-50%);
}
.ivu-modal-wrap .ivu-modal .ivu-modal-content {
  box-shadow: none;
  border-radius: 0;
  background: none;
}
.ivu-modal-wrap .ivu-modal .ivu-modal-close {
  width: 72px;
  height: 72px;
  border-radius: 72px;
  background: #00000055;
  border: 2px #fff solid;
  text-align: center;
  top: 32px;
  right: 32px;
}
.ivu-modal-wrap .ivu-modal .ivu-modal-close .ivu-icon {
  color: #fff;
  font-size: 72px;
  line-height: 72px;
  top: 0;
  left: 0;
}
.grid {
  display: flex;
  flex-flow: row nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.grid .grid-item {
  position: relative;
}
.grid .grid-item .title {
  position: absolute;
  padding-left: 80px;
  height: 44px;
  bottom: 0px;
  left: 0;
  right: 0;
  font-size: 28px;
  color: #fff;
  line-height: 44px;
  background: -webkit-linear-gradient(top, #16161600, #161616ff);
}
.grid::-webkit-scrollbar {
  margin-right: 6px;
  height: 6px;
}
.grid::-webkit-scrollbar-track {
  height: 3px;
  background: #00000046;
}
.grid::-webkit-scrollbar-thumb {
  height: 4px;
  background: #FFFFFFDD;
  border-radius: 4px;
}
.broadcaster {
  position: fixed;
  z-index: 20;
  width: 624px;
  height: 632px;
}
.broadcaster .box-header .icon {
  width: 48px;
  height: 48px;
}
.broadcaster .box-header .icon.icon-broadcaster {
  background: url(../images/c-broadcaster/icon-broadcaster.png) no-repeat center center;
  background-size: contain;
}
.broadcaster .box-header .box-extra {
  min-width: auto;
  padding-right: 32px;
  width: 64px;
  height: 32px;
  margin: 6px auto;
}
.broadcaster .box-header .box-extra .icon-arrow-down {
  background: url(../images/c-top/icon-arrow-up.png) no-repeat center center;
  background-size: contain;
  transform: rotateZ(180deg);
}
.broadcaster .box-header .box-extra .icon-arrow-up {
  background: url(../images/c-top/icon-arrow-up.png) no-repeat center center;
  background-size: contain;
}
.broadcaster .box-body {
  padding-left: 40px;
  padding-right: 30px;
}
.broadcaster .box-body .ivu-tabs .ivu-tabs-bar .ivu-tabs-nav-container {
  height: 56px;
}
.broadcaster .box-body .ivu-tabs-nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
}
.broadcaster .box-body .ivu-tabs-nav .ivu-tabs-tab {
  flex-grow: 1;
  flex-shrink: 1;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  height: 56px;
  line-height: 56px;
  font-size: 36px;
  font-family: 'ali-m';
  text-align: center;
  border-radius: 12px 12px 0 0;
  padding: 0px;
  border: none;
}
.broadcaster .box-body .ivu-tabs-nav .ivu-tabs-tab.ivu-tabs-tab-active {
  background: #fff;
  color: #424242;
}
.broadcaster .box-body .audio-player-wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.broadcaster .box-body .audio-player-wrapper .audio-item-left {
  background: rgba(0, 0, 0, 0.24);
  margin-right: 6px;
  width: 232px;
  height: 314px;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0 16px;
}
.broadcaster .box-body .audio-player-wrapper .audio-item-right {
  background: rgba(0, 0, 0, 0.24);
  width: 316px;
  height: 314px;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0 16px;
}
.broadcaster .box-body .audio-player-wrapper .audio-header {
  border-bottom: 2px rgba(255, 255, 255, 0.6) solid;
}
.broadcaster .box-body .audio-player-wrapper .audio-header .title {
  font-family: 'ali-m';
  font-size: 28px;
  color: #fff;
  padding: 11px 0 16px 0;
  display: block;
}
.broadcaster .box-body .audio-player-wrapper .audio-header .title .audio-header-toggle {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.broadcaster .box-body .audio-player-wrapper .audio-header .title .audio-header-toggle .ivu-checkbox {
  display: none;
}
.broadcaster .box-body .audio-player-wrapper .audio-header .title .audio-header-toggle .icon {
  width: 40px;
  height: 40px;
  margin-right: 14px;
  background: url(../images/c-broadcaster/icon-play-repeat-normal.png) no-repeat center center;
  background-size: contain;
}
.broadcaster .box-body .audio-player-wrapper .audio-header .title .audio-header-toggle .text {
  font-size: 24px;
  font-family: 'ali-m';
  color: #fff;
}
.broadcaster .box-body .audio-player-wrapper .audio-header .title .audio-header-toggle.ivu-checkbox-wrapper-checked .icon {
  background: url(../images/c-broadcaster/icon-play-repeat-actived.png) no-repeat center center;
  background-size: contain;
}
.broadcaster .box-body .audio-player-wrapper .audio-slot {
  position: relative;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-switch-wrapper {
  width: 100%;
  display: flex;
  padding: 16px 0;
  align-items: center;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-switch-wrapper .text {
  font-size: 24px;
  color: #fff;
  font-family: 'ali-m';
  margin-right: 12px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-switch-wrapper .ivu-switch {
  width: 86px;
  height: 34px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-switch-wrapper .ivu-switch:after {
  width: 30px;
  height: 30px;
  top: 2px;
  left: 2px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-switch-wrapper .ivu-switch.ivu-switch-checked {
  background: #0080FF;
  box-shadow: 0 2px 4px #76d6ff inset;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-switch-wrapper .ivu-switch.ivu-switch-checked:after {
  left: 54px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-checkbox-list {
  max-height: 164px;
  overflow: auto;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-checkbox-list::-webkit-scrollbar {
  margin-right: 6px;
  width: 12px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-checkbox-list::-webkit-scrollbar-track {
  width: 8px;
  background: #00000046;
  border-radius: 8px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-checkbox-list::-webkit-scrollbar-thumb {
  width: 12px;
  background: #FFFFFFDD;
  border-radius: 7px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-checkbox-list .ivu-checkbox-wrapper {
  display: block;
  height: 53px;
  font-family: 'ali-m';
  color: #fff;
  font-size: 24px;
  padding: 10px 0;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-checkbox-list .ivu-checkbox-wrapper .ivu-checkbox-inner {
  background: rgba(0, 0, 0, 0.4);
  border: 2px #A9A9A9 solid;
  width: 28px;
  height: 28px;
  margin-right: 18px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-checkbox-list .ivu-checkbox-wrapper-checked .ivu-checkbox-inner {
  background: url(../../images/c-broadcaster/bg-checkbox-checked.png) no-repeat center center;
  border: 2px transparent solid;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-checkbox-list .ivu-checkbox-wrapper-checked .ivu-checkbox-inner:after {
  width: 0;
  height: 0;
  display: none;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-single-list {
  margin-top: 10px;
  max-height: 220px;
  overflow: auto;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-single-list::-webkit-scrollbar {
  margin-right: 6px;
  width: 12px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-single-list::-webkit-scrollbar-track {
  width: 8px;
  background: #00000046;
  border-radius: 8px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-single-list::-webkit-scrollbar-thumb {
  width: 12px;
  background: #FFFFFFDD;
  border-radius: 7px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-single-list .ivu-checkbox-wrapper {
  display: block;
  height: 43px;
  font-family: 'ali-m';
  color: #fff;
  font-size: 24px;
  display: flex;
  align-items: center;
  padding: 0 6px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-single-list .ivu-checkbox-wrapper .ivu-checkbox-inner {
  display: none;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-list .audio-single-list .ivu-checkbox-wrapper-checked {
  background: rgba(255, 255, 255, 0.2);
}
.broadcaster .box-body .audio-player-wrapper .audio-body .icon-wave {
  background: url(../../images/c-broadcaster/bg-wave.png) no-repeat center center;
  background-size: contain;
  width: 196px;
  height: 84px;
  margin: 48px auto 36px auto;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .icon-speak {
  background: url(../../images/c-broadcaster/icon-speak.png) no-repeat center center;
  background-size: contain;
  width: 126px;
  height: 126px;
  margin: 94px auto;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-text-countup {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-text-countup .bullet-red {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #D81E00;
  margin-right: 24px;
}
.broadcaster .box-body .audio-player-wrapper .audio-body .audio-text-countup .text {
  font-family: 'ali-m';
  color: #fff;
  font-size: 30px;
}
.broadcaster .box-body .audio-player-wrapper .audio-item-footer {
  width: 100%;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 48px 38px;
}
.broadcaster .box-body .audio-player-wrapper .audio-item-footer .btn {
  background: url(../../images/c-broadcaster/bg-btn-normal.png) no-repeat center center;
  width: 470px;
  height: 56px;
  text-align: center;
  font-size: 36px;
  color: #fff;
  font-family: 'ali-m';
  transition: 0.3s;
  cursor: pointer;
}
.broadcaster .box-body .audio-player-wrapper .audio-item-footer .btn:active {
  background: url(../../images/c-broadcaster/bg-btn-actived.png) center center no-repeat;
}
.broadcaster.landscape {
  top: 114px;
  right: 1100px;
}
.row {
  position: relative;
}
.row .gdtz {
  position: absolute;
  top: 15px;
  right: 27px;
  height: 58px !important;
  width: 132px !important;
  font-size: 36px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 60px;
  font-family: 'ali-m';
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.max_gd {
  position: absolute;
  top: 32px;
  right: 65px;
  height: 58px !important;
  width: 125px !important;
  font-size: 36px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
}
.min_plate {
  position: relative;
}
.min_plate .min_gd {
  position: absolute;
  top: 7px;
  right: 60px;
  height: 46px !important;
  width: 103px !important;
  font-size: 30px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 46px;
  cursor: pointer;
}
.min_ck {
  position: absolute;
  top: 109px;
  right: 60px;
  height: 46px !important;
  width: 103px !important;
  font-size: 30px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 46px;
  cursor: pointer;
}
.bottom_gd {
  position: absolute;
  bottom: 7px;
  right: 23px;
  height: 46px !important;
  width: 103px !important;
  font-size: 30px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 46px;
  cursor: pointer;
}
.top_gd {
  position: absolute;
  top: 32px;
  right: 65px;
  height: 58px !important;
  width: 125px !important;
  font-size: 36px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
}
.landscape_bottom_gd {
  position: absolute;
  top: 20px;
  right: 65px;
  height: 58px !important;
  width: 125px !important;
  font-size: 36px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
}
.alarmMonitoring {
  position: absolute;
  top: 20px;
  right: 65px;
  height: 58px !important;
  width: 125px !important;
  font-size: 36px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
}
.keyMonitoring {
  position: absolute;
  top: 20px;
  right: 0px;
  height: 58px !important;
  width: 125px !important;
  font-size: 36px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
}
.trafficManagement {
  position: absolute;
  top: 20px;
  right: 0px;
  height: 58px !important;
  width: 205px !important;
  font-size: 36px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
}
.personnelManagement {
  display: flex;
  position: absolute;
  top: 20px;
  right: 0px;
}
.personnelManagement p {
  flex-direction: column;
  height: 58px !important;
  width: 125px !important;
  font-size: 36px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
  margin-right: 10px;
  cursor: pointer;
}
.broadcastRelease-btn {
  position: fixed;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 60px !important;
  width: 200px !important;
  font-size: 36px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  z-index: 9999;
}
.wisdomWatering-btn {
  position: fixed;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 60px !important;
  width: 200px !important;
  font-size: 36px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  z-index: 9999;
}
